// 登录
// 首先获取元素
const formBtn = document.querySelector('form')
const userName = document.querySelector('.username')
const passWord = document.querySelector('.password')
const errBox = document.querySelector('.errBox')
// 给form添加提交事件
formBtn.addEventListener('submit',e=>{
   e = e|| window.event
// 组织默认行为
  try{e.preventDefault()}catch(err){e.returnValue = false}
// 获取用户输入的账号和密码
let nameValue = userName.value
let passWordValue = passWord.value
// 非空验证
if(!nameValue || !passWordValue){
    return alert('请输入完整账号和密码')
}
// 发送请求到后端
var  xhr = new XMLHttpRequest()
xhr.open('POST',' http://localhost:8888/users/login')
xhr.onload = ()=> {
    var res = JSON.parse(xhr.responseText)
    console.log(res)
    // 判断是不是登录成功
    if(res.code !==1){
        errBox.style.display = 'block'
        return
    }
    // 保存token值 和 ID值
    window.localStorage.setItem('token',res.token)
    window.localStorage.setItem('id',res.user.id)
    // 登录成功跳转到首页
    window.location.href = '../views/index.html'
}
xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
xhr.send(`username=${nameValue}&password=${passWordValue}`)

})